<!DOCTYPE html>
<<<<<<< HEAD
<html lang="zh">
<head>
	<meta charset="UTF-8" />

	<title>Document</title>
</head>
<body>
<p>
	first
</p>	
<p>second</p>
	youyou哈哈哈
	我又来了
</body>
</html>
=======
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<header>
		<div>
			<p>
				<span>欢迎光临china-pub网上书店 </span>
				<a href="#">[登录]</a>
				<a href="#">[注册]</a>
			</p>
			<span class="sp">我的china-pub <select name=""></select><img src="img/cell.png"/></span>
			<ul>
				<li>手机互动</li>
				<li>图书团购</li>
				<li>购书卡</li>
				<li>帮助中心</li>
			</ul>
			<h6>
				<a href="#">在线咨询</a>
				<img src="img/weibo.png"/>
				<img src="img/tenxunweibo.png"/>
				<img src="img/weixin.png"/>
			</h6>
		</div>
	</header>
	<div class="banner">
		<div class="div">
			<img src="img/logo.png"/>
			<p>
				<input type="text" /> <button>搜索</button><span>高级搜索</span>
			</p>
			<div>
				购物车<span style='color:red;'>0</span>件<img src="img/cart_up.png" alt="" />
			</div>
		</div>
	</div>
	<nav>
		
		<ul>
			<div>全部图书分类<img src="img/list.png" alt="" /></div>
			<li>首页</li>
			<li>手机互动</li>
			<li>新书</li>
			<li>特价书</li>
			<li>赠书</li>
			<li>教材</li>
			<li>电子书</li>
			<li>视频教程</li>
			<li>按需印刷</li>
			<li>在线阅读</li>
			<li>排行榜</li>
			<li>书评</li>
		</ul>
	</nav>
	<!--全部图书分类-->
	<div class="main">
		
		<div class="main-1">
			<p><span class="l">全部分类</span><span class="r">使用javascript搜索，共有591种
</span></p>
			<div class="booksfl">
				<h4>图书分类</h4>
				<ul>
					<li>计算机计算机<span>(489)</span></li>
					<li>geekpeers计算机<span>(10)</span></li>
					<li>进口图书计算机<span>(7)</span></li>
					<li>工业技术计算机<span>(4)</span></li>
					<li>经济管理计算机<span>(2)</span></li>
					<li>医学计算机<span>(1)</span></li>
					<li>教材计算机<span>(1)</span></li>
					<li>机械工业出版社计算机<span>(1)</span></li>
				</ul>
			</div>
			<div class="seet-1">
				<div>
					相关搜索:
					<a href="#">javascript语言</a>
					<a href="#"> html</a>
					<a href="#"> javascript</a>
					<a href="#"> javascript</a>
					<a href="#"> definitive</a>
					<a href="#"> javascript 语言</a>
					<a href="#"> javascript 图灵</a>
					<a href="#"> javascript 实战</a>
					<a href=""> javascript 实例</a>
					<a href=""> css</a>
				</div>
			</div>
			<div class="seet-2">
				<div class="div1">
					   
					<ul>
						<span>排序：   </span>
						<li>关注度<img src="img/search_down_arr.gif" alt="" /></li>
						<li>销量<img src="img/search_down_arr.gif" alt="" /></li>
						<li>价格<img src="img/search_down_arr.gif" alt="" /></li>
						<li>书评数<img src="img/search_down_arr.gif" alt="" /></li>
						<li>读者评分<img src="img/search_down_arr.gif" alt="" /></li>
						<li>出版时间<img src="img/search_down_arr.gif" alt="" /></li>
						<li>上架时间<img src="img/search_down_arr.gif" alt="" /></li>
					</ul>
				</div>
				
				<div class="seet-3">
					<h5>筛选： 全部 电子书(69) 特价书(6) 按需印刷(1)</h5>
				</div>
			</div>
			<div id="right3">
					
				</div>
			<div class="seet">
				<h4>您最近浏览了</h4>
				<ul type="circle">
					<li>JavaScript权威指南(第6版)(经典权威的JavaScript工..</li>
					<li>你不知道的JavaScript（上卷）</li>
					<li>编写可靠的JavaScript代码 测试驱动开发JavaScript..</li>
				</ul>
				<button>清楚</button>
			</div>
			
		</div>
	</div>
	</body>
	<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$.ajax({
		type:"get",
		url:"http://localhost:2403/book",
		success:function(data){
			console.log(data)
			for(var i = 0; i < data.length;i++){
			$('<dl><dt><img src="img/'+data[i].pic+'"/></dt><dd>'+data[i].bookname+'</dd><dd>'+data[i].author+'</dd><dd><img src="img/star_0.gif"/><img src="img/star_0.gif"/><img src="img/star_0.gif"/><span>[0人评价]</span></dd><dd>VIP:<span>￥'+data[i].hyprice+'(7.7折)</span><s>￥'+data[i].price+'</s><p><img src="img/result_buy.jpg"/><img src="img/result_tuan.jpg"/><img src="img/result_fav.jpg"/></p></dd></dl>').appendTo($("#right3"))
		}
		},
		error:function(data){
			console.log(data)
		}
	});
</script>
</html>
>>>>>>> yoyo
